﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge, chrome=1">
    <title>我要投资</title>
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/main.css">
</head>
<body class="investment">
    <div class="bgfff100 top">
        <div class="wrapper">
            <span class="left">客服热线：400-123-1234（工作时间：9:00-17:00）</span>
            <span class="right"><a href="../user/login.html">登录</a><em>|</em><a href="../user/register.html">注册</a></span>
        </div>
    </div>
    <div class="bgfff100">
        <div class="menu wrapper">
            <a href="../index/index.html"><img class="logo" src="../../images/public/logo.png" /></a>
            <ul><li><a href="../index/index.html">首页</a></li><li class="cur"><a href="../investment/index.html">我要投资</a></li><li><a href="#">商城</a></li><li><a href="../mespl/index.html">信息披露</a></li></ul>
            <a href="../myAccount/index.html" class="myAccount">我的账户<span>></span></a>
        </div>
    </div>
    <div class="wrapper bgfff select radius10">
        <p>筛选标</p>
        <ul>
            <li>投资期限</li>
            <li class="cur">全部</li>
            <li>1个月</li>
            <li>2个月</li>
            <li>3个月</li>
            <li>6个月</li>
        </ul>
        <ul>
            <li>预期年化</li>
            <li class="cur">全部</li>
            <li>9%</li>
            <li>10%</li>
            <li>12%</li>
            <li>15%</li>
        </ul>
        <ul>
            <li>融资类型</li>
            <li class="cur">全部</li>
            <li>新手标
            <li>
            <li>体验标</li>
            <li>活动标</li>
        </ul>
    </div>
    <div class="wrapper list">
        <div class="container bgfff radius10">
            <div class="title"><a href="detail.html">【新手标】52期-B</a><em>仅限投资一次</em></div>
            <div class="cont">
                <div class="c1"><p class="t1"><span>12</span>%</p><p class="t2">预期年化</p></div>
                <div class="c2"><p class="t1"><span>24</span>个月</p><p class="t2">投资期限</p></div>
                <div class="c3"><p class="t1"><span>2000000</span>元</p><p class="t2">融资金额</p></div>
                <div class="c4"><p class="t1">起投份数：<span>1</span>份</p><p class="t2"><span class="s1">投资进度：</span><span class="s2"><em></em></span><span class="s3">0%</span></p></div>
                <div class="c5"><p class="t1">剩余金额：200000元</p><p class="t2"><input type="button" value="立即投资" /></p></div>
            </div>
        </div>
        <div class="container bgfff radius10">
            <div class="title"><a href="detail.html">【新手标】52期-B</a><em>仅限投资一次</em></div>
            <div class="cont">
                <div class="c1"><p class="t1"><span>12</span>%</p><p class="t2">预期年化</p></div>
                <div class="c2"><p class="t1"><span>24</span>个月</p><p class="t2">投资期限</p></div>
                <div class="c3"><p class="t1"><span>2000000</span>元</p><p class="t2">融资金额</p></div>
                <div class="c4"><p class="t1">起投份数：<span>1</span>份</p><p class="t2"><span class="s1">投资进度：</span><span class="s2"><em></em></span><span class="s3">0%</span></p></div>
                <div class="c5"><p class="t1">剩余金额：200000元</p><p class="t2"><input type="button" value="已投满" class="bg_gray" /></p></div>
            </div>
        </div>
        <div class="container bgfff radius10">
            <div class="title"><a href="detail.html">【新手标】52期-B</a><em>仅限投资一次</em></div>
            <div class="cont">
                <div class="c1"><p class="t1"><span>12</span>%</p><p class="t2">预期年化</p></div>
                <div class="c2"><p class="t1"><span>24</span>个月</p><p class="t2">投资期限</p></div>
                <div class="c3"><p class="t1"><span>2000000</span>元</p><p class="t2">融资金额</p></div>
                <div class="c4"><p class="t1">起投份数：<span>1</span>份</p><p class="t2"><span class="s1">投资进度：</span><span class="s2"><em></em></span><span class="s3">0%</span></p></div>
                <div class="c5"><p class="t1">剩余金额：200000元</p><p class="t2"><span>倒计时 00：10：56</span></p></div>
            </div>
        </div>
    </div>
    <div id="Pagination" class="wrapper pagination"><!-- 这里显示分页 --></div>
    <div class="wrapper bottom">
        <div class="cont">
            <ul class="link">
                <li><p class="label">关于我们</p><p>公司简介</p><p>合作伙伴</p><p>招贤纳士</p><p>联系我们</p></li>
                <li><p class="label">信息披露</p><p>公司简介</p><p>合作伙伴</p><p>招贤纳士</p><p>联系我们</p></li>
                <li><p class="label">帮助中心</p><p>公司简介</p><p>合作伙伴</p><p>招贤纳士</p><p>联系我们</p></li>
                <li><p class="label">新闻公告</p><p>公司简介</p><p>合作伙伴</p><p>招贤纳士</p><p>联系我们</p></li>
            </ul>
            <div class="contact">
                <p class="t1">400-123-1234</p>
                <p class="t2"><span class="ico2">新浪微博</span><span class="ico1">在线客服</span></p>
                <p class="t3">服务时间：9:00-17:00</p>
            </div>
            <div class="code"><div><img src="../../images/public/code.png" /><p>微信公众平台</p></div><div><img src="../../images/public/code.png" /><p>微信公众平台</p></div></div>
        </div>
        <div class="cont">
            <div class="yl">
                <span>友情链接：</span><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a>
            </div>
        </div>
        <div class="prom">
            <a href="#"><img src="../../images/public/ico_b1.png" /></a>
            <a href="#"><img src="../../images/public/ico_b2.png" /></a>
            <a href="#"><img src="../../images/public/ico_b3.png" /></a>
            <a href="#"><img src="../../images/public/ico_b4.png" /></a>
            <a href="#"><img src="../../images/public/ico_b5.png" /></a>
            <a href="#"><img src="../../images/public/ico_b6.png" /></a>
            <a href="#"><img src="../../images/public/ico_b7.png" /></a>
        </div>
        <div class="copyright">2016 未了财富 All right reserved   |   深圳前海大秦投资管理有限公司   |   粤ICP备16044335号-1</div>
        <div class="wrapper bgfff100 anbei"><span>浙公网安备 330502000108</span></div>
    </div>
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/jquery.pagination.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".list .cont em").animate({ width: "30%" });
            // 创建分页
            $("#Pagination").pagination({
                pageCount: 10,
                totalData: 100,
                showData: 5,
                coping: true,
                callback: function (api) {
                    alert(api.getCurrent());
                },
                prevContent: "上一页",
                nextContent: "下一页"
            });
            $(".select li").click(function () {
                $(this).addClass("cur").siblings().removeClass("cur");
            })

            //ajax加载
        })
    </script>
</body>
</html>